<!doctype html>

<head>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <title>Divider</title>
</head>

<body>

    <div class="tophead">
        <div class="wrap">
            <div class="top-left">
                <p>
                    Social Icons
                </p>
            </div>
            <div class="top-right">
                <p>
                    Phone Number
                </p>
            </div>
        </div>
    </div>

    <div class="masthead">
        <div class="wrap">
            <div class="logo">
                <h1>
                    Divider
                </h1>
            </div>

            <div class="menu">
                <ul>
                    <li>
                        <a href="#">Home</a>
                    </li>
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>
                    <li>
                        <a href="#">News</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="hero">
        <div class="wrap">
            <div class="herocontent">
                <h2>
                    Divider Text
                </h2>

                <p>
                    Here is where the text goes.
                </p>
                <div class="hero-buttons">
                    <p>
                        <a class="button" href="#">Button</a>
                        <a class="button button-alt" href="#">Read More</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="wrap">
        <h1>
            This is a title of a post
        </h1>

        <p>
            This is the text of a post. Now it's time for some Lipsum. Curabitur scelerisque lorem id sem viverra, eget bibendum tellus pellentesque. Aenean iaculis libero ut dapibus volutpat. Sed gravida ligula ut sapien aliquet rutrum. Morbi faucibus orci non augue
            congue sollicitudin. Maecenas nisi dolor, pulvinar vitae ornare ac, faucibus ut ex. Suspendisse imperdiet hendrerit malesuada. Vestibulum aliquet, lacus ut lacinia sollicitudin, elit est pellentesque dolor, quis tincidunt purus sem eget metus.
            Nulla non elit vitae ante suscipit cursus in et nunc. In ullamcorper lectus in erat fringilla, sed vulputate leo commodo.
        </p>
    </div>

    <div class="fp-color1">
        <div class="wrap">
            <div class="fp-feature">
                <div class="fp-fe-01">
                    <h4>
                        Text Here
                    </h4>

                    <p>
                        Smaller Text Goes Here about Things
                    </p>
                </div>

                <div class="fp-fe-02">
                    <h4>
                        Text Here
                    </h4>

                    <p>
                        Smaller Text Goes Here about Things
                    </p>
                </div>

                <div class="fp-fe-03">
                    <h4>
                        Text Here
                    </h4>

                    <p>
                        Smaller Text Goes Here about Things
                    </p>
                </div>

                <div class="fp-fe-04">
                    <h4>
                        Text Here
                    </h4>

                    <p>
                        Smaller Text Goes Here about Things
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="wrap">
        <h1>
            This is a title of a post
        </h1>

        <p>
            This is the text of a post. Now it's time for some Lipsum. Curabitur scelerisque lorem id sem viverra, eget bibendum tellus pellentesque. Aenean iaculis libero ut dapibus volutpat. Sed gravida ligula ut sapien aliquet rutrum. Morbi faucibus orci non augue
            congue sollicitudin. Maecenas nisi dolor, pulvinar vitae ornare ac, faucibus ut ex. Suspendisse imperdiet hendrerit malesuada. Vestibulum aliquet, lacus ut lacinia sollicitudin, elit est pellentesque dolor, quis tincidunt purus sem eget metus.
            Nulla non elit vitae ante suscipit cursus in et nunc. In ullamcorper lectus in erat fringilla, sed vulputate leo commodo.
        </p>
    </div>

</body>